	#service(id=id, var="currService")
#include("templates/layout.html")
#@layout()

#define seo_title()
#seoTitle(currService.seoTitle, "服务") - #seo("seo_title")
#end

#define seo_keywords()
#seoMetaKeywords(currService.seoMetaKeywords)
#end

#define seo_description()
#seoMetaDescription(currService.seoMetaDescription)
#end

#define import_head_cssjs()
<link rel="stylesheet" href="./css/about.css">
#end

#define body_class()auto-foot-ct#end

#define body()
	<div class="auto-contanter bg-white" data-head-fiexd="true">
		<!-- 导航 -->
		<div class="sd-header">
			<div id="serviceNav" class="swiper-container article-container">
				<div class="swiper-wrapper">
			#serviceList(categoryId=1)
				#for(service : serviceList)
					#if(service.id==currService.id)
						#if(for.index > (serviceList.size() - 1)/2)###求出中间index值
							#set(middleIndex = (serviceList.size() - 1)/2)
						#else
							#set(middleIndex = (serviceList.size() - 1)/2 + 1)
						#end
					#end
				#end
				#for(service : serviceList)
					#if(for.index < middleIndex && service.id != currService.id)###小于中间index值的service
					<a href="#(ctx)/detail/service-#(service.id).html" class="swiper-slide">
						<div class="cc">
							<img class="ca" src="#(service.coverH5)" alt="" srcset="">
							<p class="cb ell">#(service.title)</p>
						</div>
					</a>
					#end
					#if(for.index == middleIndex)###等于中间index值的service
					<a class="swiper-slide active">
						<div class="cc">
							<img class="ca" src="#if(isMobile && service.coverH5)#(service.coverH5)#else#(service.cover)#end" alt="" srcset="">
							<p class="cb ell">#(currService.title)</p>
						</div>
					</a>
					#end
					#if(for.index >= middleIndex && service.id!=currService.id)###大于中间index值的service
					<a href="#(ctx)/detail/service-#(service.id).html" class="swiper-slide">
						<div class="cc">
							<img class="ca" src="#if(isMobile && service.coverH5)#(service.coverH5)#else#(service.cover)#end" alt="" srcset="">
							<p class="cb ell">#(service.title)</p>
						</div>
					</a>
					#end
				#end
			#end
				</div>
			</div>
		</div>
		<!-- 文章 -->
		<div class="article-container borderbg">
			<!-- 富文本内容start -->
			<div class="article-detail">
				#if(isMobile && currService.contentH5)#(currService.contentH5)#else#(currService.content)#end
			</div>
			<!-- 富文本内容end -->
			<!-- 分享 -->
			<div class="f0 disb-share">#include("templates/share.html")</div>
		</div>
	</div>
#end

#define import_foot_js()
	<script src="./js/about.min.js"></script>
#end
	#end
